﻿body{
	font-family:"微软雅黑";
}
*{margin:0; padding:0; border:0;}
ul,li{list-style:none; margin:0; padding:0; border:0;}
h1,h2,h3,h4,h5,p{ margin:0; padding:0; border:0;}
a{ color:#555;}
a:hover{ text-decoration:none;}
#logo{ width:100%; padding:30px 0 20px;}
.lg{ height:70px;}
.navbar-inverse{background:#fff; border:0; border-radius:0; margin-bottom:0;}
.nav-links .navbar {margin-bottom:0px;}
#nav{ background-color:#0B67C5;}
#nav li a{display:block; padding:17px 30px; color:#fff; }
#nav li a:hover{ background-color:#065ca5;}
.sousou{width:316px; float:right;}
.sousou p{ color:#F00; font-weight:bold; margin-top:10px;}
#banner{ }
.bj{ background-color:#f6f6f6; padding:30px 0px;}
.product{ padding-top:20px; padding-bottom:40px;}
.lefts{ background-color:#fff; float:left;}
.lefts h2{ padding:20px; background-color:#0B67C5; color:#fff;}
.lefts span{ font-size:18px;}
.lefts ul{ border-left:1px solid #ccc; border-right:1px solid #ccc; }
.leftlx{ background-color:#0B67C5; height:110px; padding-top:50px; padding-left:30px; background:url(../images/left.jpg);}
.leftlx img{ float:left; margin-right:10px;}
.leftlx p{ color:#fff; }
.leftlx span{font-weight:bold; font-size:18px;}

.rights ul li{  border:1px solid #eee; float:left;}
.rights ul li a img{ width:100%;}
.rights ul li p{ background-color:#eee; text-align:center; padding:10px 0px;}
.rights ul li p a{ height:20px; overflow:hidden; display:block;}
.rights ul li:hover p{background-color:#0B67C5; }
.rights ul li:hover p a{color:#fff;}

#fg { width: 100%; background-color: #eee;}
.fg{ margin:0 auto; position:relative;}

.abbj{background:url(../images/about.jpg) top center;}
.about{ margin:0px auto; padding:40px 0px 30px;}
.about h2{ text-align:center; margin-bottom:20px;}
.about span{ font-size:18px;}
.abr p{ line-height:25px; margin:0px 50px 5px; text-indent:2em;}
.abr .gengduo{color:#b90000; font-weight:bold;}

.abl{ width:700px; float:left;}
.absp{ float:right; margin:0px 20px 30px 0px;}
.absp img{ width:430px;}

.chejian ul li{ float:left; width:15.6%; margin:0px 0.5%}
.chejian ul li a img{ width:100%; border:1px solid #eee;}
.chejian ul li p{ text-align:center; padding:10px 0px;}

.anli{ padding:30px 0px;}
.anli h2{ text-align:center; margin-bottom:20px;}
.anli span{ font-size:18px;}
.anli ul li{  border:1px solid #eee; float:left; width:24%; margin:0px 0.5%;}
.anli ul li a img{ width:100%;}
.anli ul li p{ background-color:#eee; text-align:center; padding:10px 0px;}
.anli ul li:hover p{background-color:#0B67C5; }
.anli ul li:hover p a{color:#fff;}

.news1{ background-color:#fff; width:49%; padding:25px 10px; float:left;}
.news1 h3{ margin-bottom:20px;}
.news1 h3 span{ font-size:18px;}
.news1 h3 .gd{ float:right; font-size:16px; margin-top:10px;}
.news1 ul{ border-top:1px solid #ccc; margin-top:10px;}
.news1 ul li{ border-bottom:1px dashed #ccc; padding:20px 10px;}
.news1 ul li a{ font-size:20px;}
.news1 ul li span{ float:right;}
.news1 ul li p{ margin-top:10px; color:#999;}

.zhanshi{  background-color:#fff; margin:20px aauto; padding:20px 0px;}
.zhanshi h2{ text-align:center; margin-bottom:20px;}
.zhanshi span{ font-size:18px;}
.zhanshi li{ width:263px; border:1px solid #eee; float:left; margin:7px 10px;}
.zhanshi li a img{ width:100%;}
.zhanshi li p{ background-color:#065ca5;  text-align:center; padding:10px 0px;}
.zhanshi li p a{color:#fff;}

#footnav{ width:100%; background-color:#2e2e2e; }
#footnav ul{ margin:0 auto;}
#footnav ul li{ float:left;}
#footnav ul li a{ width:142px; line-height:50px; color:#999; display:block; text-align:center;}
#footnav ul li a:hover{ color:#FFF;}
#banquan{ background-color:#000; text-align:center; padding:10px 0px 10px;}
#banquan p{ color:#999; line-height:30px;}
#banquan p a{ color:#999;}
#banquan p a:hover{ color:#FFF;}
#youqing{ background-color:#000; padding-bottom:5px;}
#youqing p{ color:#999;}
#youqing p a{ color:#999;}

.daohang h3{ float:left; border-bottom:3px solid #f00; padding-bottom:9px;}
.daohang p{ float:right; margin-top:5px;}
.page{ padding:30px 0px; clear:both; text-align:center;}

.xinwen ul{ background-color:#fff;}
.xinwen ul li{ border-bottom:1px dashed #ccc; padding:20px;}
.xinwen ul li a{ font-size:20px;}
.xinwen ul li span{ float:right;}
.xinwen ul li p{ margin-top:10px; color:#999;}

.cpnr{background-color:#fff; padding:30px 0px 30px;}
.cpnr h2{ text-align:center;}
.fb li{ float:left; width:33.33%; text-align:center; margin:20px 0px; color:#999;}
.cpnr p{ line-height:25px; margin:0px 20px 5px;}
.cpnr table{ width:95%; text-align:center; margin:0 auto;}
.cpnr tr{border-top:1px solid #ccc; border-right:1px solid #ccc;}
.cpnr td{ border-bottom:1px solid #ccc; border-left:1px solid #ccc; padding:5px 0px;}

.xia{ padding:30px;}
.xia .fan{background-color:#b90000; color:#fff; width:100px; text-align:center;  padding:10px 20px; border-radius:10px; display:block; margin:0 auto;}

.xwnr{background-color:#fff; padding:30px 0px 0px;}
.xwnr h2{ text-align:center;}
.xwnr p{ line-height:25px; margin:0px 20px 5px;}

.xwrmtj{ background-color:#fff; padding-bottom:30px;}
.xwrm{ width:50%; float:left; border-left:1px dashed #eee; padding:0px 20px;}
.xwrm h4{ padding-bottom:10px; border-bottom:1px solid #eee;}
.xwrm ul li{ margin:10px 0px;}
.xwrm ul li span{ color:#F00; margin-right:5px;}

.abgs{ background-color:#fff; padding:30px 20px;}
.abgs p{ line-height:25px; text-indent:2em; margin-bottom:5px;}
.abgs img{ width:700px; display:block; margin:0 auto;}
.abgs ul li{ width:24%; margin:20px 0.5%; float:left; border-radius:0px 10px 0px 10px; color:#fff; font-size:24px; text-align:center; padding:5px 0px;}
.abgs ul .sy1{  background-color:#9eb952;}
.abgs ul .sy2{  background-color:#0193c4;}
.abgs ul .sy3{  background-color:#78669a;}
.abgs ul .sy4{  background-color:#c2402a;}
.abgs ul li p{ font-size:10px; text-indent:0em; margin-bottom:0px;}
.ablx{background-color:#fff; padding:30px 20px; min-height:400px; position:relative;}
.ablx h4{ color:#F00; margin-bottom:10px; font-weight:bold;}
.ablx p{ line-height:25px; margin-bottom:5px;}

.tul{ padding:30px 0px 30px 40px; float:left;}
#preview{ text-align:center; }
.jqzoom{ position:relative; width:402px; border:1px solid #ccc;}
.list-h li{ float:left;}
#spec-n5{width:400px; height:80px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url('images/left.gif') no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:10px;}
#spec-right{background:url('images/right.gif') no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:10px;}
#spec-list{ width:380px; float:left; overflow:hidden; margin-left:2px; display:inline; position:relative; width:370px; margin-right:6px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:98px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:90px;}
/*jqzoom*/
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list div{ margin-top:0;margin-left:0px; *margin-left:0;}
.cptu{ border:1px solid #ccc; display:block; float:right; width:320px; padding:3px; margin:30px 40px 30px 0px;}

@media (min-width: 1200px){
.xs{ display:none;}
#nav li {float: left; list-style: none; padding:0 6px 0; font-size: 16px;font-weight: bold;}
.lefts{ width:280px;}
.lefts ul li{ border-bottom:1px solid #ccc; padding:10px 10px; margin:0px 10px;}
.lefts ul li a:hover{ color:#F00;}
.rights,.xinwen,.con{ float:right; width:850px;}
.rights ul li{ width:263px; margin:7px 10px;}
#fg{ height:216px;}
.fg img{ float:left; height:200px;}
.fg h2{ color:#1a4091; font-size:26px; position:absolute; top:35px; right:50px;}
.fg ul{ position:absolute; top:90px; right:20px;}
.fg ul li{ float:left; background:url(../images/fg2.png) center left no-repeat; font-size:24px; color:#fe0000; padding-left:30px; margin:0px 30px;}
.fg p{ position:absolute; top:150px; right:50px; color:#333; font-size:18px;}
.daohang{ border-bottom:1px solid #ccc; padding:10px 20px; height:47px; margin-bottom:10px;}
.ablx img{ position:absolute; top:0; right:50px;}
}
@media (max-width: 1180px){
.leftlx{display:none;}
.lefts{ width:100%; float:none;}
.lefts h2{ padding:15px 20px; background-color:#0B67C5; color:#fff; font-size:18px;}
.lefts ul li{ border-bottom:1px solid #ccc; padding:10px; margin:0px 10px;}
.rights ul li{ width:49%; margin:7px 0.5%;}
.about img{ width:100%;}
.abr{ width:100%; float:none; padding:10px;}
.news1{ width:100%; margin-bottom:20px;}
.news1 ul li span{ display:none;}
#fg{ padding-bottom:20px;}
.fg img{ float:none; width:100%;}
.fg h2{ color:#1a4091; font-size:20px; margin-bottom:10px; text-align:center;}
.fg ul{ width:100%;}
.fg ul li{ float:left; width:33.33%; background:url(../images/fg2.png) center left no-repeat; font-size:16px; color:#fe0000; text-align:center; margin:10px 0px;}
.fg p{ color:#333; font-size:16px; text-align:center;}

.chejian ul li{ float:left; width:49%; margin:0px 0.5%}
.anli ul li{ width:49%; margin:10px 0.5%;}
.xwrm{ width:100%; float:none; border-left:none; padding:0px 20px; margin-bottom:30px;}
.cpnr img{ width:100%;}
.abr p{ margin: 0px 15px 5px;}
.daohang{ padding:15px 0px 10px; margin-bottom:10px;}
.daohang h3{float:none; font-size:18px;}
.daohang p{float:none;}
.xwnr h2,.cpnr h2{font-size:20px;}
.xinwen ul li span,.fb1{display:none;}
.fb li{ float:left; width:50%; text-align:center; margin:20px 0px; color:#999;}

.about h2,.anli h2,.zhanshi h2,.news1 h3{font-size:22px;}
.news1 ul li a{font-size:18px;}
.bj{padding: 10px 0px;}
.tul{ width:100%; padding:20px 0px;}
#preview{ margin:0 auto; width:402px;}
.cptu{ border:1px solid #ccc; display:block; float:none; width:100%; padding:3px; margin:0px;}
#preview{ margin:0 auto; width:302px;}
.cptu{ border:1px solid #ccc; display:block; float:none; width:100%; padding:3px; margin:0px;}
.jqzoom{ position:relative; width:302px; border:1px solid #ccc;}
.list-h li{ float:left;}
#spec-n5{width:300px; height:80px; padding-top:6px; overflow:hidden;}
#spec-list{ float:left; overflow:hidden; margin-left:2px; display:inline; position:relative; width:270px; margin-right:6px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:98px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:90px;}

.abl{ width:100%; float:none;}
.absp{ float:none; width:100%;}
.absp img{ width:100%;}
.abgs img{ width:100%; display:block; margin:0 auto;}
.abgs ul li{ width:49%; margin:5px 0.5%;}
.ablx img{width:100%;}
}
@media (max-width: 768px){
.navbar-header{float:right;}
.xian{border:1px solid #000; background:#0B67C5;}
.lg{ height:30px; margin-top:10px;}
#banner{display:none;}
#nav li{float:none; padding:0; background:#eee; border-bottom:1px solid #ccc;text-align:center; }
#nav li a{color:#555;}
#nav li a:hover{ color:#fff;}
.navbar-nav{margin-top:0;}
.sousou{display:none;}
#footnav{display:none;}
#bq{ text-align:left; padding:0px 10px; }
}